<?php
session_start();
?>
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6 ielt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7 ielt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Student Activity Report</title>
<link rel="icon" href="<?php echo base_url(); ?>ico.png">
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/css-bootstrap/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/style_login.css" />

<style>
@-moz-keyframes error{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes error{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes error{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes error{
	0%{opacity:0;}
	100%{opacity:1;}
}
.error{
	width:350px;
	background:rgba(255,0,0,0.5);
	text-align:center;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10pt;
	padding:7px 7px 7px 7px;
	border:1px solid red;
	-webkit-animation:2s error;
	-moz-animation:2s error;
	-o-animation:2s error;
	animation:2s error;
	float:left;
	margin-left:-4px;
}
.btn{
margin: 20px 0 35px 0px;
}
</style>
</head>
<body>
<div class="container">
	<section id="content">
		<?php echo form_open("/Login"); ?>
			<h1><img src="<?php echo base_url(); ?>/assets/images/pens.png" style="margin-top:0px;margin-bottom:10px;margin-left:10px;width:80px;height:60px;vertical-align:middle;">
	<font color="#13487c" style="font-size:15pt;">Student Activity Report</h1>
			<div>
				<input type="text" name="username" placeholder="Username" required="" autofocus id="username" />
			</div>
			<div>
				<input type="password"name="password" placeholder="Password" required="" id="password" />
			</div>
			<?php echo $this->session->flashdata("message"); ?>
			<div>
				<input type="submit" class="btn btn-primary" value="Log in" />
			</div>
		<?php echo form_close(); ?>
	</section><!-- content -->
</div><!-- container -->
</body>
</html>